/* =============================================================================
   Media Queries
   ========================================================================== */
$basePX:16;
$scale:0.85;

@media only screen and (min-width: 480px) and (max-width:767px) {

	body{
		@if($DEBUG == true){
	    	@include debugmessage("Min 480 Max 767", "orange");
		}
		//font:14px/24px Helvetica, Helvetica Neue, Arial;
	}

.wrapper{
	width:100%;
	margin:0;
}



}

@media only screen and (min-width: 480px) {
	body{
		@if($DEBUG == true){
	    	@include debugmessage("Min 480", "orange");
		}
		//font:14px/24px Helvetica, Helvetica Neue, Arial;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
	body{
		@if($DEBUG == true){
	    	@include debugmessage("iPad potrait and landscape - Min 768 Max 1024", "orange");
		}
		//font:14px/24px Helvetica, Helvetica Neue, Arial;
	}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
	body{
		@if($DEBUG == true){
	    	@include debugmessage("iPad portrait - Min 768 Max 1024", "orange");
		}
		//font:14px/24px Helvetica, Helvetica Neue, Arial;
	}
}